

#my{
    flex: 1;
    display: flex;
    flex-direction: column;
    header.my-header{
        height: 3.26rem;
        background: left top no-repeat url(/dist/image/home/my/backgroud.png);
        background-size:100% 100%;
        position: relative;
        div{
            margin-top: 1.5rem;
        }
        img.person-pic{
            height: 1.25rem;
            width: 1.25rem;
            border-radius: 50%;
            vertical-align: middle;
            margin-left: .48rem;
        }
        span{
            font: .38rem "PingFang-M";
            color: #fff;
        }
        img.share{
            position: absolute;
            top: .2rem;
            right: .2rem;
        }
    }
    .coupon{
        display: flex;
        div{
            flex: 1;
            display: flex;
            height: 1.14rem;
            span{
                flex: 1;
                text-align: center;
            }
            span:nth-child(1){
                font: .28rem/1.14rem "PingFang-M";
                color: #666;
            }
            span:nth-child(2){
                flex: .5;
                font: .34rem/1.14rem "PingFang-M";
                color: #4a4a4a;
            }
            span:nth-child(3){
                font: .22rem/1.14rem "PingFang-M";
                color: #ff7916;
                img{
                    vertical-align: middle;
                    margin-left: .1rem;
                }
            }
        }
    }
    .order-detail{
        background: #fcfcfc;
        .allOrder{
            display: flex;
            justify-content: space-between;
            height: .99rem;
            border-bottom: .01rem solid #C8C8C8;
            span:nth-child(1){
                margin-left: .2rem;
                font: .32rem/.99rem "PingFang-M";
                color: #333;
            }
            span:nth-child(2){
                margin-right: .2rem;
                font: .28rem/.99rem "PingFang-M";
                color: #999;
                img{
                    vertical-align: middle;
                    margin-left: .2rem;
                }
            }
        }
        .wiat{
            display: flex;
            width: 100%;
            align-items: center;
            flex-wrap: wrap;
            span{
                width: 25%;
                text-align: center;
                font: .28rem "PingFang-M";
                color: #333;
                padding: .34rem 0;
                position: relative;
                
                img{
                    display: block;
                    margin: 0 auto;
                    width: 1rem;
                    height: 1rem;
                }
                .num{
                    position: absolute;
                    top: .4rem;
                    right: .45rem;
                    padding: .05rem;
                    font: .24rem/.34rem "PingFang-M";
                    color: #fff;
                    background: #FE555A;
                    width: .3rem;
                    height: .3rem;
                    display: block;
                    border-radius: 50%;
                }
            }
            span:nth-child(5),span:nth-child(6),span:nth-child(7){
                padding-top: 0;
            }
        }
    }
}
